<script lang="ts" setup>
import ComSummary from './Summary.vue'
import ComFlowRateChart from './FlowRateChart.vue'
import ComTopGraph from './TopGraph.vue'

const cls = 'page-home'
</script>

<template>
  <div :class="cls">
    <div :class="`${cls}_left`">
      <ComSummary :data="{}" />
      <ComFlowRateChart />
    </div>
    <ComTopGraph :class="`${cls}_right`" />
  </div>
</template>

<style lang="scss">
.page-home {
  display: flex;
  &, > * {
    height: 100%;
  }
  &_left {
    width: 72%;
    margin-right: $page-padding;
    display: flex;
    flex-direction: column;
  }
  &_right {
    flex: 1;
    width: 0;
  }
}
</style>
